Streetsight

Telling stories through
clean visuals.

Padel Patch Hero Image

Overview

StreetSight is an AI-powered web application designed to revolutionize how advertising agencies manage billboard campaigns. With real-time data, interactive mapping, and automated tools, StreetSight simplifies tasks like proposal generation, invoicing, lease management, and performance analytics—bringing efficiency and clarity to the outdoor advertising industry.

What is the Problem?

Advertising agencies often struggle with managing billboards due to manual processes for proposals, invoicing, leasing, and performance tracking. This leads to delays, errors, and missed opportunities, making it hard to scale and maintain efficiency.

Project Goal

StreetSight solves this by automating key tasks like invoice generation, proposal creation, and lease management. It also provides real-time data and performance analytics, helping agencies save time, reduce errors, and improve campaign effectiveness.

Design process


Research Week 1-3
  • Research & Brainstorm
  • Analyzing solutions
  • Conduct user research
  • Identifying features
  • User personas
  • Conduct user research
Branding Week 4-5
  • Refined User Flow
  • Branding
  • Wireframes
  • Start UI kit
  • Icons
  • Planning for Mockups
User Testing Week 6-8
  • User Testing
  • Mockup screens
  • Prototype
  • Functional Prototype
  • Proposal documents
  • Landing page Planning
Presentation Week 9-12
  • Landing page design
  • Proposal Finalization
  • Presentation Finalization
  • Presentation plan
  • Promotional materials
  • Final Presentation

Logo variations

Padel Patch Main Logo
StreetSight Logo

The typeface used is Montserrat, a modern, geometric sans-serif font that conveys professionalism, clarity. "S" in the logo is a key visual element symbolising the routes and locations. Circular element within the "S" is like an eye hinting at observation.

Blueprint Logo
Dark Animated Logo
Alternate Logo

Typography & colour pallet


Both typefaces were carefully chosen to complement and reflect the essence of the brand, creating a seamless and user-friendly interface. Both typefaces were carefully chosen to complement and reflect the essence of the brand, creating a seamless and user-friendly interface. Both typefaces were carefully chosen to complement and reflect the essence of the brand, creating a seamless and user-friendly interface.

Gropled Glyph GIF

Main font

Poppins

Clash Display Glyph GIF

Body font

Satoshi

Inkstone - Primary colour
#212429
Lime Mist - Secondary colour
#DAF067
Lavender Cloud - Sub-dominant colour
#A282F3
Purple Pop to Lime Zest - Accent Gradient
#A16AE2 → #D4EF67
Aa
Aqua Lime Gradient - Accent Colour
#8FDAEA → #D4EF67
Aqua Breeze - Accent
#F9F5EA
Aqua Breeze - Accent
#8FDAEA
Frosted Sky - Accent colour
#E3F2FF

The primary color – Inkstone

Symbolizes stability, professionalism, and clarity. Its dark tone grounds the design while enhancing contrast for readability.

The vibrant shades of Lime Mist and Lavender Cloud, complemented by airy accents like Frosted Sky and Aqua Breeze, create a fresh, modern aesthetic that reflects innovation and energy—perfect for a forward-thinking digital platform.

Components Grid


Icons

Buttons

Pop-up's

Analytics

Client Card

Input Fields

Graph

Dashboard Graph

Figma Link Landing Page Business Paropsal

Keep in Touch with me

Say hi!

KartikBhanderi1@gmail.com